<template>
  <div>
    <!-- 账号登陆 -->
    <van-nav-bar title="账号登录" left-arrow @click-left="$router.back()" />
    <!-- 账号 -->
    <van-field v-model="text" placeholder="请输入账号" />
    <!-- 密码 -->
    <van-field v-model="password" type="password" placeholder="请输入密码" />
    <van-button type="primary">登录</van-button>
    <p @click="$router.push('/registe')">还没有账号,去注册~</p>
  </div>
</template>

<script>
// import { Toast } from 'vant'
export default {
  name: 'login-page',
  data() {
    return {
      text: '',
      password: ''
    }
  },

  created() {},

  methods: {}
}
</script>

<style scoped lang="less">
::v-deep .van-nav-bar__content {
  background-color: #21b97a;
}
::v-deep .van-nav-bar__title {
  color: #fff;
}
::v-deep .van-icon-arrow-left:before {
  color: #fff;
}
::v-deep .van-cell {
  margin-top: 10px;
}
::v-deep .van-field__control {
  font-size: 16px;
}
::v-deep .van-button--primary {
  background-color: #1cb676;
}
::v-deep .van-button--normal {
  margin: 15px;
  padding-left: 152px;
  padding-right: 152px;
  font-size: 18px;
}
p {
  font-size: 12px;
  color: #666666;
  text-align: center;
  margin-top: 20px;
}
</style>
